﻿<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title> 
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/mobilecss", "~/Content/themes/base/mobilecss")
        @Scripts.Render("~/bundles/jquery", "~/bundles/spine", "~/bundles/jquerymobile", "~/bundles/qunit")                
        @CoffeeScripts.Render("~/bundles/cofe/shared")
        @CoffeeScripts.Render("~/bundles/cofe/models")
        @CoffeeScripts.Render("~/bundles/cofe/controllers")        
@*        <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/CoffeeScripts/shared/coffee")"></script>     
        <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/cofemodels")"></script>     *@
        <script>
            $(document).ready(function () {
                $.mobile.ajaxEnabled = false; 
            });
        </script>
    </head> 
<body> 

    <div data-role="page" data-theme="c">        
        <div data-role="header" class="header" data-position="fixed">
             @if (IsSectionDefined("Header"))
            {                
                @RenderSection("Header")
            }
            else
            {
                <h1>@ViewBag.Title</h1>                
            }
        </div>

        <div data-role="content">
             @if (IsSectionDefined("Content"))
            {                
                @RenderSection("Content")
            }
            else
            {
                 @RenderBody()	                
            }
        </div>

        
        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                @if (IsSectionDefined("Footer"))
                {
                    @RenderSection("Footer")
                }
                @Html.Partial("_ViewSwitcher")
            </div>            
        </div>

    </div>

</body>
</html>